module.exports = {
    "stories": [
        "../src/**/*.stories.mdx",
        "../src/**/*.stories.@(js|jsx|ts|tsx|mdx)"
    ],
    "addons": [
        "@storybook/addon-links",
        "@storybook/addon-essentials",
        "@storybook/preset-create-react-app",
        "@storybook/addon-actions",
        "@storybook/addon-viewport",
        "@storybook/addon-knobs",
        { name: "@storybook/addon-docs", options: { configureJSX: true } },
        "@storybook/addon-a11y",
        "@storybook/addon-storysource"
    ],
    webpackFinal: async (config) => {
        config.module.rules.push({
            test: /\.(ts|tsx)$/,
            use: [
                {
					loader: require.resolve("react-docgen-typescript-loader"),
					options: {
						shouldExtractLiteralValuesFromEnum: true,
						propFilter: (prop) => {
							if (prop.parent) {
								return !prop.parent.fileName.includes(
									"node_modules"
								);
							}
							return true;
						},
					},
				},
            ],
        });
        config.resolve.extensions.push(".ts", ".tsx");
        return config;
    }
}